<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
	<title>Plateforme DSD - Accueil</title>
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="css.css" rel="stylesheet" type="text/css" />
        
<script type="text/javascript" src="JQuery.js"></script>
</head>

<body>
    <div id="header">
            <p id="layoutdims">Ma session : <a href="http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm"> Connexion</a> </p>
    </div>
    
    <div class="colmask threecol">
        <div class="colmid">
            <div class="colleft">
                <div class="col1">
                        <!-- Column 1 start -->
                        <h1>Présentation du réseau.</h1>
                        <center><img src="images/Logo_DsD.jpg" width="300" height="320" alt="Logo DsD" /></center>
                        <p>DsD présente son réseau permettant aux participants de se coordonner pour l'organisation d'évènements et de projets dans un cadre tel que celui de Montpellier, autant que celui du département ou de la région. </p>
                        <h3>Ses caractéristiques</h3>
                        <p>Une prise en main et un suivi journalier facile, cette plateforme d'échange va permettre une meilleure coordination sur différents projets tout en permettant à d'autre de voir le jour.</p>
                        <p>Proposer votre projet n'aura jamais été si facile, il suffit de le créer à l'aide de notre gestionnaire de projets, celui-ci sera alors étudié et trier selon les projets correspondants.</p>

                        <!-- Column 1 end -->
                </div>
                
                <div class="col2">
                        <!-- Column 2 start -->
                        <div class="sidebar" id="partenaires">
                            <img src="images/CadrePartenaire.PNG" width="100%" heigt="85"/>
                            <ol>
                                <li>Nom</li>
                                <p> Courte description </p>
                                <li>Nom</li>
                                <p> Courte description </p>
                                <li>Nom</li>
                                <p> Courte description </p>
                                <li>Nom</li>
                                <p> Courte description </p>
                            </ol>
                        </div>

                        </br></br>

                        <div class="sidebar" id="contact">
                            <img src="images/CadreContact.PNG" width="100%" heigt="85"/></br>
                            Pour toute demande de renseignement, veuillez nous contacter à cette adresse : ..............
                        </div>
                        <!-- Column 2 end -->
                </div>

                <div class="col3">
                        <!-- Column 3 start -->
                        <div id="don">
                        <center>
                        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                        <input type="hidden" name="cmd" value="_s-xclick">
                        <input type="hidden" name="hosted_button_id" value="8XTPALSW247WC">
                        <input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !">
                        <img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
                        </form>
                        </center>
                        </div>

                        <div class="stats">
                            <center><img src="http://services.supportduweb.com/cpt_global/70498-19.png" alt="Compteur Global" /></center>
                        </div>

                        <!-- Column 3 end -->
                </div>
            </div>
        </div>
    </div>
            
            
    <div id="footer">
        <p>Cette plateforme appartient à <a href="http://www.dsd-asso.com"> l'Association DsD</a> sous direction de M. Stéphane Canet. </p>
    </div>

</body>

      
	<!-- <script type="text/javascript">

				$("body").fadeOut(4000, function() {
                                $(this).setOppacity(1);
                                });
                                $("body").fadeIn(4000, function() {
                                $(this).show();
                                
                                });

				
                                
                                
	</script> -->



        
</html>